<div class="container">
  <div class="login-box">
    <div class="title">您好 <span class="caption">Login</span></div>
    <div class="title">继续书写自己的篇章</div>
    <form
      class="input-area"
      nz-form
      [formGroup]="loginForm"
      (ngSubmit)="login()"
    >
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入用户名">
          <input
            nz-input
            class="laby-input st"
            type="text"
            placeholder="请输入用户名"
            formControlName="username"
          />
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入密码">
          <input
            nz-input
            class="laby-input nd"
            type="password"
            placeholder="请输入密码"
            formControlName="password"
          />
        </nz-form-control>
      </nz-form-item>
      <button
        class="laby-login-btn"
        nz-button
        nzType="primary"
        type="submit"
        nzSize="large"
        nzShape="circle"
        [disabled]="loginForm.status === 'INVALID'"
        [nzLoading]="loading"
      >
        <i nz-icon nzType="login"></i>
      </button>
    </form>
  </div>
</div>
